<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 测评管理</title>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">

    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>测评管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li>
                            <a href="investor/list">测评管理</a>
                        </li>
                        <li class="active">
                            <strong>测评结果详情</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">
                </div>
            </div>

        <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
        	<div class="tabs-container">
	        <ul class="nav nav-tabs">
	            <li>
					<a href="paper/evaluList">
						测评结果
					</a>
				</li>
				<li class="active">
					<a href="#">
						测评结果详情
					</a>
				</li>
	        </ul>
	        	<input type="text" id="test_id" style="display:none;"   value="${investor.id}">
				<div id="paper_content" class="tab-content">
		              <div class="tab-pane active">
		                <div class="panel-body">
		                 <div class="wrapper wrapper-content animated fadeInRight ecommerce">
			              <div class="row">
			                <div class="col-lg-12">
			                		 <center>
			                		 	<label class="control-label"  style="font-size:18pt;">投资者尽职调查问卷</label><br/>
			                		 	<label class="control-label"  style="margin-left:20px;">测评人: ${investor.name}</label>
			                		 	<label class="control-label" style="margin-left:20px;">&nbsp;&nbsp;&nbsp;证件号码: ${investor.idcard}</label>
			                		 	<label class="control-label" style="margin-left:20px;">&nbsp;&nbsp;&nbsp;测评时间: <fmt:formatDate value="${investor.evaluationTime}" pattern="yyyy年MM月dd日" /></label>
			                		 	<label class="control-label" style="margin-left:20px;">&nbsp;&nbsp;&nbsp;得分: ${investor.score}分</label>
			                		 	&nbsp;&nbsp;&nbsp;<c:choose>
											   <c:when test="${investor.riskPass == true}"><label style="font-size:20pt;color:red;margin-left:40px;">通过</label> </c:when>
											   <c:otherwise> 
											   		<label style="font-size:20pt;color:red;margin-left:40px;">未通过</label>
											   </c:otherwise>
										</c:choose>
										<button style="margin-left:100px;margin-bottom:12px;" type="button" id="btn_down" class="btn btn-primary">下载测评结果</button>
			                		 </center>
									 <div class="ibox float-e-margins">
				                        <div class="ibox-content">
				                            <c:forEach items="${quesDetailList}" var="ques" varStatus="vs">
													 <tr>
														 <td align = "center" ><label style="font-size:13pt;">${ques.question.no}</label></td>
														 <td align = "center" ><label style="font-size:13pt;">${ques.question.title}</label></td>
													 </tr>
													 <br/>
													 <c:forEach items="${ques.optList}" var="opts" varStatus="vs">
															 &nbsp;&nbsp;&nbsp;<tr>
															 	 <td align = "center">${opts.no}.</td>
																 <td align = "center">${opts.content}</td>
																 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td align = "center" style="margin-left:50px;">${opts.score}分</td>
															 </tr>
														 <br/>
													 </c:forEach>
													 <br/>
													 &nbsp;&nbsp;&nbsp; 测评人答案:
														 <c:choose>
															   <c:when test="${ques.question.answer == ''}">无 </c:when>
															   <c:otherwise> 
															   	${ques.question.answer}
															   </c:otherwise>
														 </c:choose>
													 </td><br/><br/>
											</c:forEach>
											<label class="control-label"  style="font-size:14pt;">投资人签名确认:</label><br/>
											<c:choose>
											   <c:when test="${investor.signImage != null}">
											   		<img alt="理财师签字" style="border:1px solid #B7D4D7;width:200px;height:150px;" src="${imagePrefix}${investor.signImage}">
											   </c:when>
											</c:choose>
				                        </div>
				                    </div>
			                	</div>
			            	</div>
				 		 </div>
			    	 </div>
			   	 </div>
			   </div>
	  		</div>
		  </div>
        </div>
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>
        </div>
        </div>

    <!-- Mainly scripts -->
   
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    
    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
    <!-- 业务js -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>
    <script src="js/riskEvaluation/evaluDetail.js?v=${jsVersion}"></script>
    <script src="js/investor/utils.js?v=${jsVersion}"></script>

</body>

</html>
